 <!DOCTYPE html>
 <html lang="es">
 <head>
<!--  //http://almsaeedstudio.com/preview
//http://demo.themeum.com/html/eshopper/index.html
//http://designscrazed.org/free-responsive-html5-css3-templates/
//http://html5up.net/ -->
<meta charset="utf-8">
<title>Carrito Compras - Index</title>	
<meta name="description" content="Carrito de compras demo">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="fonts.css">
<link rel="stylesheet" href="normalize.css" />	
<link rel="stylesheet" href="general.css" />	
<link rel="stylesheet" media="only screen and (min-width: 400px)" href="generalt.css" />	
<link rel="stylesheet" media="only screen and (min-width: 800px)" href="generald.css" />
</head>
<body>	
	<div  class="contenedor">
		<header>	
			<div class="cabecera">
				<div class="logo">
					<img src="http://lorempixel.com/50/50/" alt="">
				</div>				
				<div class="nombreEmpresa">
					<h1>NombreEmpresa</h1>
				</div>
			</div>	
			<div class="opciones">
				<div class="listMenu">
					<a href="javascript:void(0);" class="btnMenu titOpcion"><span class="icon icon-list5"></span></a>
				</div>
				<div class="topDatos titDatos">
					<span class="icon icon-user"></span><a href="javascript:void(0);" class=""> datos del usuario</a>
				</div>	
			</div>
		</header>

		<div class="login">
			<label for="">Usuario:<input type="text"></label>
			<label for="">Password:<input type="text"></label>
		</div>

		<div class="contentMain">
			
			<div class="zona-izq">
				<div class="buscador">
					<input type="search" placeholder="Buscar">
				</div>
				<nav>
					<ul>
						<li><a href="javascript:void(0);">Inicio</a></li>
						<li><a href="javascript:void(0);">Compras</a></li>
						<li><a href="javascript:void(0);">Productos</a></li>
						<li><a href="javascript:void(0);">Servicios</a></li>
						<li><a href="javascript:void(0);">Contacto</a></li>
					</ul>
				</nav>
			</div>
			
			
			<div class="zona-derec">
				<article>
					derecho prudctos destacados
					<div>
						<section><p>ltera scriptorem usu. Adversarium contentiones ius eu, mei clita gra</p><img src="http://lorempixel.com/g/300/100/fashion/1/" alt=""></section>
						<section><p>ltera scriptorem usu. Adversarium contentiones ius eu, mei clita gra</p><img src="http://lorempixel.com/g/300/100/fashion/2/" alt=""></section>
						<section><p>ltera scriptorem usu. Adversarium contentiones ius eu, mei clita gra</p><img src="http://lorempixel.com/g/300/100/fashion/3/" alt=""></section>
					</div>	
				</article>
			<article>
					info		
					<section>
						<img src="http://lorempixel.com/g/400/200/" alt="">
						<p>Lorem ipsum dolor sit amet, at meis choro suavitate sed, pro ne latine feugait adversarium. Quodsi numquam ea vel, no altera scriptorem usu. Adversarium contentiones ius eu, mei clita graeci possim in, vix platonem explicari voluptatibus ne. Ad dicat indoctum pri, usu primis legimus petentium cu. Eam feugiat mediocrem eu, mel ignota consulatu at, sit eu brute audire corpora.</p>
					</section>
					<section>
						<img src="http://lorempixel.com/400/200/sports/" alt="">
						<p>Lorem ipsum dolor sit amet, at meis choro suavitate sed, pro ne latine feugait adversarium. Quodsi numquam ea vel, no altera scriptorem usu. Adversarium contentiones ius eu, mei clita graeci possim in, vix platonem explicari voluptatibus ne. Ad dicat indoctum pri, usu primis legimus petentium cu. Eam feugiat mediocrem eu, mel ignota consulatu at, sit eu brute audire corpora.</p>
					</section>
					<section>
						<img src="http://lorempixel.com/g/400/200/food/" alt="">
						<p>Lorem ipsum dolor sit amet, at meis choro suavitate sed, pro ne latine feugait adversarium. Quodsi numquam ea vel, no altera scriptorem usu. Adversarium contentiones ius eu, mei clita graeci possim in, vix platonem explicari voluptatibus ne. Ad dicat indoctum pri, usu primis legimus petentium cu. Eam feugiat mediocrem eu, mel ignota consulatu at, sit eu brute audire corpora.</p>
					</section>
					<section>
						<img src="http://lorempixel.com/g/400/200/business/" alt="">
						<p>Lorem ipsum dolor sit amet, at meis choro suavitate sed, pro ne latine feugait adversarium. Quodsi numquam ea vel, no altera scriptorem usu. Adversarium contentiones ius eu, mei clita graeci possim in, vix platonem explicari voluptatibus ne. Ad dicat indoctum pri, usu primis legimus petentium cu. Eam feugiat mediocrem eu, mel ignota consulatu at, sit eu brute audire corpora.</p>
					</section>
					<section>
						<img src="http://lorempixel.com/g/400/200/cats/" alt="">
						<p>Lorem ipsum dolor sit amet, at meis choro suavitate sed, pro ne latine feugait adversarium. Quodsi numquam ea vel, no altera scriptorem usu. Adversarium contentiones ius eu, mei clita graeci possim in, vix platonem explicari voluptatibus ne. Ad dicat indoctum pri, usu primis legimus petentium cu. Eam feugiat mediocrem eu, mel ignota consulatu at, sit eu brute audire corpora.</p>
					</section>
				</article>
				<aside>
					aside 
						pdjsjsbdjajxbdkqbfbxbwj djs fnd fbs sjsjd. djdjf fdnsjd dks d dkd 
				</aside>
				<footer>
					footer
				</footer>
			</div>
		</div>
	</div>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script src="general.js"></script>
</body>
</html>